.CardContent{
    width: 100%;
    /* background-color: #171A3B; */
    display: flex;
    justify-content: space-around
}
.navigation{
    width: 20%;
    height: 100vh;
    /* background-color: #030C1B; */
    border-right: 3px solid #030C1B ;
}
.Content{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    background-image: url("../../public/mainback.jpg");
    background-size:cover;
}
.rightContent{
    width: 100%;
    height: 100vh;
    /* background-color: #171A3B; */
}
.navTitle{
    width: 100%;
    height: 14vh;
    /* background-color: #171A3B; */
    border-bottom: 3px solid #030C1B ;
}
.dataContent{
    width: 95%;
    height: 60vh;
    /* background-color: #030C1B; */
    margin: 2.5%;
    border-radius: 20px;
    display: flex;
    justify-content: space-around;
}
input{
    outline: none;
    background: none;
    border: 0;
}
.user{
    width: 40%;
    height: 14vh;
    /* background-color: #fff; */
    color: #fff;
    margin-left: 60%;
}
.user h2{
    margin-left: 50%;
}